<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:body>

        <ui:composition template="./../plantillas/plantillaBase.xhtml">

            <ui:define name="titulo">
                Consultar Expediente
            </ui:define>
            <ui:define name="scriptMapa">
                <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
            </ui:define>
            <ui:define name="contenido">
                <h:form id="modificando" prependId="false">
                    <p:dataTable id="consultTable" value="#{managerConsultarExpediente.consulta}" var="consulta" paginator="true" rows="10" selection="#{managerConsultarExpediente.selectedRow}" selectionMode="single" onRowSelectUpdate="display" onRowSelectComplete="infoConsultado.show()">
                        <f:facet name="header">Parámetros de filtrado de búsqueda</f:facet>
                        <p:column sortBy="#{consulta.numeroExpediente}" filterBy="#{consulta.numeroExpediente}">
                            <f:facet name="header">
                                <h:outputText value="Expediente" />
                            </f:facet>
                            <h:outputText value="#{consulta.numeroExpediente}"/>
                        </p:column>
                        <p:column sortBy="#{consulta.inmueble}" filterBy="#{consulta.inmueble}">
                            <f:facet name="header">
                                <h:outputText value="Inmueble" />
                            </f:facet>
                            <h:outputText value="#{consulta.inmueble}" />
                        </p:column>
                        <p:column sortBy="#{consulta.departamento}" filterBy="#{consulta.departamento}">
                            <f:facet name="header">
                                <h:outputText value="Depto." />
                            </f:facet>
                            <h:outputText value="#{consulta.departamento}" />
                        </p:column>
                        <p:column sortBy="#{consulta.municipio}" filterBy="#{consulta.municipio}">
                            <f:facet name="header">
                                <h:outputText value="Municipio" />
                            </f:facet>
                            <h:outputText value="#{consulta.municipio}" />
                        </p:column>
                        <p:column sortBy="#{consulta.estado}" filterBy="#{consulta.estado}">
                            <f:facet name="header">
                                <h:outputText value="Estado" />
                            </f:facet>
                            <h:outputText value="#{consulta.estado}" />
                        </p:column>
                        <p:column sortBy="#{consulta.tecnico}" filterBy="#{consulta.tecnico}">
                            <f:facet name="header">
                                <h:outputText value="Tecnico" />
                            </f:facet>
                            <h:outputText value="#{consulta.tecnico}" />
                        </p:column>
                        <p:column sortBy="#{consulta.fechaTerminacion}" filterBy="#{consulta.fechaTerminacion}">
                            <f:facet name="header">
                                <h:outputText value="Fecha final." />
                            </f:facet>
                            <h:outputText value="#{consulta.fechaTerminacion}" />
                        </p:column>
                    </p:dataTable>
                    <p:dialog header="Informacion expediente" widgetVar="infoConsultado" resizable="false" width="200" showEffect="explode" hideEffect="explode">
                        <h:panelGrid id="display" columns="2" cellpadding="4">
                            <h:outputLabel value="Expediente:" />
                            <h:outputText value="#{managerConsultarExpediente.selectedRow.numeroExpediente}" />
                            <h:outputLabel value="Inmueble:" />
                            <h:outputText value="#{managerConsultarExpediente.selectedRow.inmueble}" />
                            <h:outputLabel value="Departamento:" />
                            <h:outputText value="#{managerConsultarExpediente.selectedRow.departamento}" />
                            <h:outputLabel value="Municipio:" />
                            <h:outputText value="#{managerConsultarExpediente.selectedRow.municipio}" />
                        </h:panelGrid>
                    </p:dialog>
                    <br/>
                    <p:panel header="Exportar información" style="width: 200px;">
                        <h:commandLink>
                            <p:graphicImage value="http://lh6.ggpht.com/_F4mqhEC2rU4/TQHI0aYbX4I/AAAAAAAAAEM/-XioyLHQUy4/Excel_48.png"/>
                            <p:dataExporter type="xls" target="consultTable" fileName="reporteExpediente" />
                        </h:commandLink>
                        <h:commandLink>
                            <p:graphicImage value="http://lh5.ggpht.com/_F4mqhEC2rU4/TQHJGzp83tI/AAAAAAAAAEQ/HhHUswa6M28/Pdf-48.png"/>
                            <p:dataExporter type="pdf" target="consultTable" fileName="reporteExpediente" />
                        </h:commandLink>
                    </p:panel>
                    <br/>
                    <p:commandButton image="ui-icon ui-icon-check" value="Regresar" action="salir-expediente" process="@this"/>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
